@import "common.less";
//个人中心
#content{
    width:@width2;
    .mauto;
    //面包屑
    .location{
        margin-top:20px;
        color:#888888;
        a{
            color:#888888;
            &:hover{
                color:@redcolor;
            }
        }
    }
    .main{
        margin-top:10px;
        .of;
       //个人中心左边
        .left{
            .title{
                border:1px solid #C8C8C8;
                padding:5px 0;
                .of;
                line-height: 20px;
                .homeicon{
                    .flf;
                    margin-left:25px;
                    .dsb;
                    width:18px;
                    height:20px;
                    background: url(../Img/01.jpg);    
                }
                a{.flf;margin-left:5px;font-weight: bold;color:#333;}
                
            }
            .flf;
            width:180px;
            //菜单列表
            .menuList{
                margin-top:10px;
                border:1px solid #C8C8C8;
                dl{
                    width:179px;
                    text-align: center;
                    dt{
                        height:30px;
                        background:#7E7E7E;
                        color:white;
                        .tcc(30px);
                        font-weight: 700;
                    }
                    dd{
                        padding:0 10px;
                        a{
                            .posr;
                            
                        border-bottom:1px dotted #C8C8C8;
                            .dsb;
                            padding:5px;
                            .ff; 
                            .leftArrow{
                                .dsb;
                                .zfx(9px);
                                background: url(../Img/side-nav.gif) no-repeat -139px -70px;
                                .flr;
                                margin-top:4px;
                                margin-right:5px;
                            } 
                          }
                        
                        text-align: left;
                        text-indent: 30px;
                    }
                }
            }
        } 
        //右边主体部分
        .right{
             width:780px;
            .flr;
            //右边标题
            .title{
                height:30px;
               
                line-height: 30px;
                font-weight: bold;
                font-size: 15px;
                background: url(../img/bg_accountcol.png) repeat-x bottom;
                span{
                    border-bottom:2px solid @redcolor;
                    padding-bottom:5px;
                }
            }
            //订单列表头部
            #orderOfList{
                margin-top:10px;
                ul{
                    .of;
                    border-bottom:2px solid @redcolor;                
                    li{
                        width:91px;
                        cursor: pointer;
                        height:25px;
                        .flf;
                        .tcc(25px);
                        background: url(../Img/tab.gif);
                        &.active{
                            font-weight: bold;
                            color:white;
                            background: url(../Img/tab01.gif);
                        }
                    }
                }
                
            }
            // 每个订单的数据
                .orderofRow{
                    margin-bottom:10px;
                    border:1px solid #D8D8D8;
                    .rowTitle{
                       
                        padding:0 10px;
                        height:29px; 
                        line-height: 29px;
                        background: url(../Img/bgx1.jpg) repeat-x ;
                        p{
                            .flr;
                            color:#999;
                        }   
                    }
                    //每行定单
                    .orderContent{
                        .of;
                        padding:20px 25px;
                        //订单号
                        .orderNum{
                            width:200px;
                            .flf;
                            .num{
                                .dsb;
                                color:@redcolor;
                                .flf;
                                margin-top:18px;
                            }
                            ul{
                                li{
                                    .flf;
                                    margin-left:10px;
                                }
                            .dressImg{
                                color:@redcolor;
                                .dsb;
                                
                                 width:50px;
                                    height:50px;
                                border:1px solid #ccc;
                               img{
                                    width:50px;
                                    height:50px;
                               }
                                    
                            }
                            .flf;
                            }
                          
                        }
                        //支付金额
                        .orderPay{
                            width:140px;
                            height:85px;
                            margin-left:120px;
                            margin-top:-10px;
                            .flf;
                            height:20px;
                            line-height: 20px;
                            .nowpay{
                                .dsb;
                                width:65px;
                                height:27px;
                                line-height: 27px;
                                text-align: center;
                                background: url(../Img/newpromotion.gif.png) -282px 0;
                                color:white;
                               
                            }
                            li{
                                cursor: default;
                                .posr;
                                &.name{
                                    color:#666666;
                                }
                            }
                             .downArrow{
                                    .dsb;
                                    width:9px;
                                    height:5px;
                                    background: url(../Img/newpromotion.gif.png) -347px 0;
                                    .posa(8px,35px);
                                }
                        }
                        //支付状态
                        .orderStatus{
                            .flf;
                            margin-left:50px;
                            margin-top:10px;
                        }
                        //定单按钮
                        .orderBtn{
                            
                            .flr;
                            .changeOrder{
                                .dsb;
                                width:65px;
                                height:23px;
                                background: url(../Img/btn1.jpg) no-repeat;
                            }
                            li{
                                line-height: 23px;
                                text-align: center;
                                .ff;
                            }
                        }
                    }
                }
                //订单分页
                .orderPage{
                    .flr;
                    p{
                        .flf;
                        margin-right:20px;
                    }
                    .nextPage{
                        .dsb;
                        .flf;
                        width:51px;
                        height:25px;
                        background: url(../Img/rightnext.jpg) no-repeat;
                    }
                    .prevPage{
                        .dsb;
                        .flf;
                        width:19px;
                        height:17px;
                        background: url(../Img/leftico.jpg) no-repeat;
                    }
                }
        }
    }
    
}
